// reducer 一份为二
// 初始化的状态
import shop from '../../api/shop'
const state = () => ({
    all:[
            {
                id:1,
                title:'IPHONE 14',
                price:5999
            }
    ],

})
const actions = {
    getAllProducts({commit}) {
        // api 请求应该从组件里 挪到action里面
        shop.getProducts((products) => {
            // products 到了
            // vuex 多了commit 
            commit('setProducts',products)
        })
    }
}
// 状态的修改函数
const mutations = {
    setProducts(state,products) {
        state.all = products // 只有这里写
    }
}
export default {
    namespaced:true, //模块化
    state,
    actions,
    mutations
}